<template>
	<view class="main-content">
		<index-header :statusBarHeight="statusBarHeight"></index-header>
		<view class="content" :style="{'padding-top': statusBarHeightS +'px'}">
			<view class="bg">
				<ban title="获奖人（按姓氏笔画排序）"></ban>
				<view style="margin: 0 auto;">
					<image style="margin:20upx 50upx;height:150upx;" src="http://www.csgpc.org/images/tpzt/tpztbg6.jpg"></image>
				</view>
				
	      
			<view class="orglist">
				<view class="org" v-for="(item, index) in booklist" :key="index">
					<view>
					<image :src="item.pic" class="ys_img"></image>
					</view>
					<view style="margin-left: 50upx;" >
						<text>姓名：{{item.name}}</text><br>
						<text>职务职称：{{item.zw}}</text><br>
						<text>工作单位：{{item.work}}</text><br>
						<text>点击查看详情</text><br>
						<text>专访内容：{{item.zf}}</text><br>
					</view>
				</view>
				
			</view>
			</view>
	    </view>
		<bottom></bottom>
	</view>
</template>

<script>
	let timer =null
	export default{
		data() {
		    return {
				booklist:[
					{pic:'http://www.csgpc.org/upload_files/article/1234/1_20190906080918_34d9q.jpg',name:'李成名',zw:'副院长',work:'中国测绘科学研究院',zf:'雄关漫道，迈步前行'},
					{pic:'http://www.csgpc.org/upload_files/article/1234/1_20190906080918_34d9q.jpg',name:'李成名',zw:'副院长',work:'中国测绘科学研究院',zf:''},
					{pic:'http://www.csgpc.org/upload_files/article/1234/1_20190906080918_34d9q.jpg',name:'李成名',zw:'副院长',work:'中国测绘科学研究院',zf:''},
					{pic:'http://www.csgpc.org/upload_files/article/1234/1_20190906080918_34d9q.jpg',name:'李成名',zw:'副院长',work:'中国测绘科学研究院',zf:''},
					{pic:'http://www.csgpc.org/upload_files/article/1234/1_20190906080918_34d9q.jpg',name:'李成名',zw:'副院长',work:'中国测绘科学研究院',zf:''},
					{pic:'http://www.csgpc.org/upload_files/article/1234/1_20190906080918_34d9q.jpg',name:'李成名',zw:'副院长',work:'中国测绘科学研究院',zf:''},
				],
				statusBarHeight:'',
				statusBarHeightS:''
		    };
		},
		onShow(e) {
		    // #ifdef MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE
			   var sysinfo = uni.getSystemInfoSync();
			   this.statusBarHeight = sysinfo.statusBarHeight + 44;
			   this.statusBarHeightS = sysinfo.statusBarHeight + 120;
			// #endif
			// #ifdef H5
			   var sysinfo = uni.getSystemInfoSync();
			   this.statusBarHeight = '0';
			   this.statusBarHeightS = '54';
			// #endif
		}
	}
	
</script>

<style lang="scss">
    .content {
        width: 750upx;
        height: auto;
        padding-top: 108upx;
		margin-bottom: 100upx;
    }
	
	.ys_img{
		
		width: 30%;
		height: 250upx;
		float: left;
			margin-left: 40upx;
			margin-right: 40upx;
	}
	
	.orglist{
	}
	.org{
		    margin-top: 40upx;
		    line-height: 0px;
			float: left;
			width: 100%;
			border-bottom:1upx dotted #cccccc;padding-bottom:10upx;
	}

	
</style>
